﻿@using GestionCompte.Models.ManageCategory
@using GestionCompte.Helpers

@model ModifyCategory

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>_ModifyCategory</title>
</head>
<body>
    <div class="MenuInPage" style="height:100%;">
        @Html.GenerateMenu("db", categ:Model.categoryList, classToApply:"Menu", GenerateJS:false)
    </div>
    <div>
        Modifier une catégorie
    </div>
    <div style="margin-top:20px">
        Nom de la catégorie : <input type="text" id="categoryName" value="Catégorie 1"/>
    </div>
    <div style="margin-top: 20px;">
        <label>Cette catégorie ne comporte qu'un enregistrement au maximum par mois : </label>
        <input type="checkbox" />
    </div>
    <div style="width: 100px; margin-left:auto; margin-right: auto; margin-top: 20px;">
        <input type="button" value="Confirmer" id="btnConfirm"/>
    </div>

    <script>
        $(document).ready(function () {
            var currentId;

            $('.MenuInPage .Menu li').mouseenter(function () {
                $(this).addClass("boxContainerMouseOver");
            });

            $('.MenuInPage .Menu li').mouseleave(function () {
                $(this).removeClass("boxContainerMouseOver");
            });

            $('.MenuInPage .Menu li').click(function () {
                currentId = $(this).prop("id");
                $('#categoryName').val($(this).html());
            });

            $('#btnConfirm').click(function () {
                $('#' + currentId).html($('#categoryName').val());
            });
        });
    </script>
</body>
</html>
